<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>
        /*
            后代选择器
            中间空格
        */
        body p{  /* body后的所有p标签，也包含ul标签中的p标签 */
            color: red;
        }
    </style>

</head>

<body>

<p>p1</p>
<p>p2</p>
<p>p3</p>
<ul>
    <li><p>p4</p></li>
    <li><p>p5</p></li>
    <li><p>p6</p></li>
</ul>


</body>

</html>